{%include file="header.html"%}
<script type="text/javascript" src="{%$URL%}resource/laydate/laydate.js"></script>
<style>
table{text-align: center;}
th{text-align:center; font-weight: bolder;}
th a{ color:#000000;}
.firtd {	width: 100px;	padding-right: 10px;	text-align: right;}
input{width: 90px;}
textarea {	width: 350px;	height: 100px;}
#jin{
color:#f00;
}
#jin1{
color:#0D93BF;
}
</style>
<body>
<div class="fixed-bar">
  <div class="item-title">
    <h3>会员列表</h3>
   <form action="users.php" name="searchForm" method="post">
    <input type="hidden" name="act" value="list">
    会员等级
    <select name="user_rank">
      <option value="0">请选择...</option>
      {%foreach from=$user_ranks item=lista%}
          <option {%if $sou.user_rank == $lista.rank_id%} selected="selected" {%/if%} value="{%$lista.rank_id%}">{%$lista.rank_name%}</option>
      {%/foreach%}</select>
    会员名称
    <input type="text" value="{%if $sou.user_name%}{%$sou.user_name%}{%/if%}" name="user_name" style=" width:110px;height:18px;" >
    注册开始日期
    <input type="text" name="start_time" id="start_time"  value="{%if $sou.start_time%}{%$sou.start_time|date_format:'%Y-%m-%d %H:%M:%I'%}{%/if%}" style=" width:110px;height:18px;">
    注册结束日期
    <input type="text" name="end_time" id="end_time"  value="{%if $sou.end_time%}{%$sou.start_time|date_format:'%Y-%m-%d %H:%M:%I'%}{%/if%}" style=" width:110px;height:18px;">
    <input value=" 搜索 " id="but_sousuo" style="width:50px; height:27px; margin-top:13px;" class="button" type="submit">
    <div style="background:rgba(251,112,45,1);width:125px;height:40px;float:right;text-align:center;border-radius:5px;">
      <a href="users.php?act=edit">
        <h5 style="padding:10px;color:#fff;">添加会员</h5>
      </a>
    </div>
    </form>
  </div> 
</div>
<div class="fixed_bottom">
  <form method="post" action="" id="aspnetForm" name="form1">
    <table align="center;" class="table tb-type2">
      <thead>
        <tr>
          <th width="50"><a>编号</a></th>
          <th width="25%"><a>用户名称</a></th>
          <th><a>会员等级</a></th>
          <th><a>昵称</a></th>
          <th><a>性别</a></th>
          <th><a>邮箱</a></th>
          <th><a>注册日期</a></th>
          <th><a>操作</a></th>
        </tr>
      </thead>
      <tbody id="sortable">
        {%foreach from=$user item=list key=k%}
            <tr>
              <td>{%$list.user_id%}</td>
              <td>{%$list.user_name%}</td>
              <td>{%$list.rank_name%}</td>
              <td>{%$list.alias%}</td>
              <td>{%if $list.sex eq 1%}男{%else%}女{%/if%}</td>
              <td>{%$list.email%}</td>
              <td><span>{%$list.reg_time|date_format:'%Y-%m-%d %H:%M:%I'%}</span></td>      
              <td>
                <a href="users.php?act=edit&user_id={%$list.user_id%}">编辑</a>
                {%if $list.disable eq 0%}
                	<a href="javascript:;" id="jin" onclick="jy(this,{%$list.user_id%})">禁用</a>
                {%else%}
                	<a href="javascript:;" id="jin1" onclick="jy(this,{%$list.user_id%})">开启</a>
                {%/if%}
              </td>
            </tr>
        {%/foreach%}
    </table>
   <div class="page">{%$page%}</div>
  </form>
</div>
</body>
<script>
//选择时间
laydate({
  elem: '#start_time', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  event: 'focus', //响应事件。如果没有传入event，则按照默认的click
  format: 'YYYY-MM-DD hh:mm:ss', //日期格式
  istime: true, //是否开启时间选择
  isclear: true, //是否显示清空
  istoday: true, //是否显示今天
  issure: true, //是否显示确认
  festival: true, //是否显示节日
  min: '1900-01-01 00:00:00', //最小日期
  max: '2099-12-31 23:59:59', //最大日期
  fixed: true, //是否固定在可视区域
});
laydate({
  elem: '#end_time', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  event: 'focus', //响应事件。如果没有传入event，则按照默认的click
  format: 'YYYY-MM-DD hh:mm:ss', //日期格式
  istime: true, //是否开启时间选择
  isclear: true, //是否显示清空
  istoday: true, //是否显示今天
  issure: true, //是否显示确认
  festival: true, //是否显示节日
  min: '1900-01-01 00:00:00', //最小日期
  max: '2099-12-31 23:59:59', //最大日期
  fixed: true, //是否固定在可视区域
});
function jy(obj,user_id){
	if($(obj).html()=='禁用'){
		var vals=1;
	}else{
		var vals=2;
	}
	$.post("users.php",{act:'disable',id:user_id,val:vals},function(data){
		if(data==1){
			layer.msg("操作成功！");
			if(vals==1){$(obj).html("开启");$(obj).css("color","#0D93BF");}else{$(obj).html("禁用");$(obj).css("color","#f00")}
		}else if(data==2){
			layer.msg("操作失败！");
		}
	})
}
</script>
</html>